<template>
  <div class="app-container">
    <el-card shadow="always">
      <queryForm
        :loading="loading"
        :query-params="queryParams"
        @updateList="getList()"
        @reset="reset('queryForm')"
      />
    </el-card>
    <div v-loading="loading" style="margin-top: 10px; margin-bottom: 10px">
      <el-button class="bg-color-2d" size="default" @click="handleExport">导出</el-button>
    </div>
    <el-card shadow="always" v-loading="loading" class="card-margin">
      <el-table v-loading="loading" :data="list">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label="序号" align="center" type="index" />
        <el-table-column label="措施名称" align="center" prop="ConstraintName" />
        <el-table-column label="文书编号" align="writNum" />
        <el-table-column label="当事人" align="center" prop="userNames" />
        <el-table-column label="物品名称" align="center" prop="GoodsName" />
        <el-table-column label="数量" align="center" prop="quantity" />
        <el-table-column label="型号/证号/发动机号" align="center" prop="model" width="140">
        </el-table-column>
        <el-table-column label="生产日期/批号/车架号" align="center" prop="yieldTime" width="150" />
        <el-table-column label="备注" align="center" prop="remark"> > </el-table-column>
        <el-table-column label="入库时间" align="center" prop="remark" />
        <el-table-column label="出库时间" align="center" prop="enertTime" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:checklist:edit']"
              >修改</el-button
            >
            <el-button
              size="mini"
              type="text"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:checklist:remove']"
              >详情</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
import queryForm from './components/queryForm.vue'
export default {
  components: {
    queryForm
  },
  data() {
    return { loading: false, queryParams: {}, list: [] }
  },
  methods: {
    getList() {},
    reset() {
      this.queryParams = {}
    },
    handleExport() {}
  }
}
</script>

<style lang="scss" scoped>
.card-margin ::v-deep .el-card__body {
  padding: 0;
}
</style>
